<html>
<head>
<title>RBRU - Business Intelligence Report System</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=yes" />

<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>

<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">

<style>

@font-face{
	font-family: Oxygen;
	src: url(font-face/Oxygen.otf) format('truetype');
}

@font-face{
	font-family: 'PSL Kanda';
	src: url('font-face/PSL158SP.TTF') format('truetype');
}

body{
	min-width: 900px;
	font-family: 'PSL Kanda';
	font-size: 1.8em;
}

.navmenu {
	/*display: none;*/
	margin-top: 140px;
	margin-bottom: 100px;
	background: white;
	color: black;
}
span.navmenu {
	font-style: italic;
}

/* Make Header Sticky */
#header_container {
	/* background: url(images/birs_background_1.png);
	background-repeat: repeat-x;
	background-size: 100% 100%;
	background-origin: content-box; */
	background: -webkit-linear-gradient(#8BC7BD, white); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#8BC7BD, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#8BC7BD, white); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#8BC7BD, white); /* Standard syntax */
	height: 120px;
	left: 0;
	position: fixed;
	width: 100%;
	top: 0;
}

#header {
	line-height: 60px;
	margin: 0 auto;
	width: 940px;
	text-align: center;
}

/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container {
	
	margin-top: 120px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px 20px 20px 20px;
	min-width: 800px;
	
}

#content {
	vertical-align: middle;
	
}

/* Make Footer Sticky */
#footer_container {
	/* background: url(images/footer_bg.png);
	background-repeat: repeat-x;
	background-size: 100% 100%;
	background-origin: content-box; */
	background: -webkit-linear-gradient(white, pink); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(white, pink); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(white, pink); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(white, pink); /* Standard syntax */
	bottom: 0;
	height: 100px;
	left: 0;
	position: fixed;
	width: 100%;
	opacity: 0.95;
}

#footer {
	line-height: 60px;
	margin: auto auto;
	width: 940px;
	text-align: center;
}

img.resize {
	width: auto;
	height: auto;
}

img.header {
	display: block;
 	width: 50%; 
	margin: auto auto;
}

img.footer {
	display: block;
 	width: 40%;
 	height: 90%;
	margin: auto auto;
}

img.menu_item {
	width: 100%;
	border: 1px white solid;
/* 	opacity: 0.6; */
	
}
img.menu_item:hover {
	/* border: 1px gray solid; */
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
	opacity: 0.6;
}

td.menu:hover {
	border: 1px gray solid;
}

div.menu_table {
	display: table;
	
}

div.menu_row {
	display: table-row;
}

div.menu_cell_left {
	display: table-cell;
	padding-right: 10px;
}
div.menu_cell_right {
	display: table-cell;
	padding-left: 10px;
}



</style>

<script>
	$(function(){
		$('nav#menu5,nav#menu6,nav#menu7,nav#menu8').mmenu({
								slidingSubmenus: false,
								//position: 'right',
								
								offCanvas	: {
									position	: 'right'
								},

								classes		: 'mm-slide'
							 }
		);
		$('nav#menu1,nav#menu2,nav#menu3,nav#menu4').mmenu({
								slidingSubmenus	: false,
								offCanvas		: {
									position	:	'left'
								},
								classes			:	'mm-slide'
							}
		);
	});
</script>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Menu Section -->
<nav id="menu1" class="navmenu">
	<span class='navmenu'>งานประกันคุณภาพ</span>
	<ul>
		<li><a href="quality/Quality.html">รายงานประกันคุณภาพ</a></li>
	</ul>
</nav>
<nav id="menu2" class="navmenu">
</nav>
<nav id="menu3" class="navmenu">
	<span class="navmenu">งานการเงินและบัญชี</span>
	<ul>
		<li><a href="expanditure/ExpanditureSummary.html">รายงานงบรายได้จากนักศึกษา</a></li>
		<li><a href="expanditure/ExpanditureAllIncome.html">รายงานงบประมาณ มหาวิทยาลัยราชภัฏรำไพพรรณี</a></li>
		<li><a href="expanditure/ExpanditureStructure.html">รายงานงบประมาณลงทุน จำแนกตามยุทธศาสตร์ มหาวิทยาลัยราชภัฏรำไพพรรณี </a></li>
		<li><a href="expanditure/ExpenditureQuarter.html">รายงานงบประมาณ ตามไตรมาส มหาวิทยาลัยราชภัฏรำไพพรรณี </a></li>
		<li><a href="expanditure/ExpenditureSalary2.html">รายงานงบประมาณรายจ่ายประเภทเงินเดือนของบุคลากร มหาวิทยาลัยราชภัฏรำไพพรรณี </a></li>
	</ul>
</nav>
<nav id="menu4" class="navmenu">
</nav>
<nav id="menu5" class="navmenu">
</nav>
<nav id="menu6" class="navmenu">
	<span class="navmenu">งานบุคคลากร</span>
	<ul>
		<li><a href="staff/StaffAmountByStaffType.html">รายงาน บุคคลากร แยกตามประเภท</a></li>
		<li><a href="staff/StaffAmountByFaculty.html">รายงาน บุคคลากร แยกตามหน่วยงาน</a></li>
		<li><a href="staff/StaffReward.html">สรุปรายการเครื่องราชอิสริยาภรณ์</a></li>
		<li><a href="staff/UniversityEducator.html">รายงาน อาจารย์ มหาวิทยาลับราชภัฏรำไพพรรณี</a></li>
	</ul>
</nav>
<nav id="menu7" class="navmenu">
	<span class="navmenu">งานนักศึกษา</span>
	<ul>
		<li><a href="student/StudentAmount2.html">รายงานจำนวนนักศึกษา มหาวิทยาลัยราชภัฏรำไพพรรณี</a></li>
	</ul>
</nav>
<nav id="menu8" class="navmenu">
</nav>
<!-- End of Menu Section -->
<div> <!-- Require wrapper div block for mm-menu -->
<div id="header_container">
	<div id="header"><img class="header" src="images/logo_1.gif" ></div>
</div>
<!-- Page Content start here -->
<div id="container"> 
	<div id="content">
		<div class="menu_table">
					<div class="menu_row">
						<div class="menu_cell_left">
							<a href="#menu1"><img class="menu_item" src="images/birs_01.png"></a>
						</div>
						<div class="menu_cell_right">
							<a href="#menu5"><img class="menu_item" src="images/birs_05.png"></a>
						</div>
					</div>
					<div class="menu_row">
						<div class="menu_cell_left">
							<a href="#menu2"><img class="menu_item" src="images/birs_02.png"></a>
						</div>
						<div class="menu_cell_right">
							<a href="#menu6"><img class="menu_item" src="images/birs_06.png"></a>
						</div>
					</div>
					<div class="menu_row">
						<div class="menu_cell_left">
							<a href="#menu3"><img class="menu_item" src="images/birs_03.png"></a>
						</div>
						<div class="menu_cell_right">
							<a href="#menu7"><img class="menu_item" src="images/birs_07.png"></a>
						</div>
					</div>
					<div class="menu_row">
						<div class="menu_cell_left">
							<a href="#menu4"><img class="menu_item" src="images/birs_04.png"></a>
						</div>
						<div class="menu_cell_right">
							<a href="#menu8"><img class="menu_item" src="images/birs_08.png"></a>
						</div>
					</div>
				</div>
	</div>
</div>
<!-- Page Footer start here -->
<div id="footer_container">
	<div id="footer"><img class="footer" src="images/logo_footer_1.gif" ></div>
</div>

</div>

</body>
</html>